<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:gp="http://java.sun.com/jsf/composite/gpymes"
                template="/util/plantilla.xhtml"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="titulo">
        Nueva Orden de Pago
    </ui:define>
    <ui:define name="cuerpo">
        <h:panelGroup rendered="#{autorizador.hayPermiso('CreaOrdenCompra')}">

            <h:form id="form">
                <!--                <ui:include src="asociaConOC.xhtml"/>-->

                <div class="row-fluid" >

                    <span class="span6">
                        <p:dialog id="basicDialog" header="Facturas Pendientes de OP" widgetVar="dlg1"
                                  hideEffect="explode">  

                            <p:outputPanel styleClass="paneldialog" id="paneldialog">
                                <h:outputLabel value="Facturas pendientes de Proveedor: "/>
                                <h:outputText value="#{ordenPagoBean.actual.proveedor.nombre}" />

                                <p:dataTable value="#{ordenPagoBean.findAllFacturasPendientesOrdenPago()}" var="fp" id="fps" rowKey="#{fp.id}" 
                                             selection= "#{ordenPagoBean.facturaProveedorSeleccionadas}" selectionMode="multiple"  >

                                    <p:column headerText="Nro">
                                        <h:outputLabel value="#{fp.nro}"/>
                                    </p:column>
                                    <p:column headerText="Número">
                                        <h:outputLabel value="#{fp.numero}"/>
                                    </p:column>
                                    <p:column headerText="Total Iva">
                                        <h:outputLabel value="#{fp.totaliva}"/>
                                    </p:column>
                                    <p:column headerText="Total Factura">
                                        <h:outputLabel value="#{fp.total}"/>
                                    </p:column>
                                    <p:column headerText="Vencimiento">
                                        <h:outputLabel value="#{fp.vencimiento}"/>
                                    </p:column>
                                    <p:column headerText="Saldo">
                                        <h:outputLabel value="#{fp.saldo}"/>
                                    </p:column>
                                    <p:column headerText="Estado">
                                        <h:outputLabel value="#{fp.estado}"/>
                                    </p:column>

                                    <f:facet name="footer">
                                        <!--                                        <p:commandButton value="view" onclick="selDialog.show();" type="button" />-->

                                    </f:facet>

                                </p:dataTable> 

                                <h:commandButton value="ver" action="#{ordenPagoBean.agregaSeleccion()}"/>
                                <p:dialog header="Seleccionados" widgetVar="selDialog" 
                                          hideEffect="explode">  

                                    <p:dataList id="display"  
                                                value="#{ordenPagoBean.facturaProveedorSeleccionadas}"  
                                                var="facturaProveedorSeleccionadas" type="definition">  

                                        FP Nro: #{facturaProveedorSeleccionadas.numero}, Monto: #{facturaProveedorSeleccionadas.total}  

                                    </p:dataList>  

                                </p:dialog>  

                            </p:outputPanel>


                        </p:dialog>  

                        <p:panelGrid columns="4">
                            <p:outputLabel value="Concepto" for="concepto" id="lblconcepto"/>
                            <p:inputText value="#{ordenPagoBean.actual.concepto}" id="concepto" required="true">
                                <p:ajax event="blur" update="concepto :form:lblconcepto @(.mensajes)"/>
                            </p:inputText>

                            <p:outputLabel value="Fecha" for="fecha" id="lblfecha"/>
                            <p:calendar value="#{ordenPagoBean.actual.creacion}" id="fecha" required="true"
                                        locale="#{formato.locale}" pattern="#{formato.patronFecha}">
                                <p:ajax event="blur" update="fecha :form:lblfecha @(.mensajes)"/>
                            </p:calendar>

                            <p:outputLabel value="Proveedor" for="proveedor" id="lblproveedor"/>
                            <gp:autoComplete   bean="#{proveedorBean}" 
                                               elegido="#{ordenPagoBean.actual.proveedor}" 
                                               id="proveedor" required="true"
                                               update="proveedor"
                                               updateOnBlur=":form:paneldialog proveedor :form:lblproveedor @(.mensajes)"
                                               convertidorId="proveedorConverter"/>                            

                            <p:outputLabel value="Obra" for="obra" id="lblobra"/>
                            <h:selectOneMenu value="#{ordenPagoBean.actual.obra}" id="obra" required="true">
                                <p:ajax event="blur" update="obra lblobra @(.mensajes)" process="obra"/>
                                <f:selectItems value="#{obraBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>

                            <p:outputLabel value="Moneda" for="moneda" id="lblmoneda"/>
                            <h:selectOneMenu value="#{ordenPagoBean.actual.moneda}" id="moneda" required="true">
                                <p:ajax update="cotizacion"/>
                                <p:ajax event="blur" update="moneda lblmoneda @(.mensajes)" process="moneda"/>
                                <f:selectItems value="#{monedaBean.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>

                            <p:outputLabel value="Cotización" for="cotizacion"/>
                            <h:selectOneMenu value="#{ordenPagoBean.actual.cotizacion}" id="cotizacion" disabled="#{ordenPagoBean.habilitaCotizacion}">
                                <f:selectItems value="#{ordenPagoBean.cotizaciones}"/>
                            </h:selectOneMenu>


                        </p:panelGrid>


                    </span>
                    <span class="span6">
                        <p:panelGrid columns="1">
                            <p:outputLabel value="Observaciòn" for="observacion" id="lblobservacion"/>
                            <p:inputTextarea cols="60" rows="4" value="#{ordenPagoBean.actual.observacion}" id="observacion">
                                <p:ajax event="blur" update="observacion lblobservacion @(.mensajes)" process="observacion"/>
                            </p:inputTextarea>
                        </p:panelGrid>
                        <p:commandButton id="basic" value="Basic" onclick="dlg1.show();" type="button" /> 
                    </span>

                </div>


                <p:inputText value="#{ordenPagoBean.detalleElegido.descripcion}"/>
                <p:inputText value="#{ordenPagoBean.detalleElegido.monto}"/>
                <h:commandButton value="Agregar" action="#{ordenPagoBean.agregaDetalle()}"/>


                <p:dataTable value="#{ordenPagoBean.actual.detalles}" var="d">
                    <p:column headerText="Linea">
                        <h:outputText value="#{d.indice}"/>
                    </p:column>
                    <p:column headerText="Descripcion">
                        <h:outputText value="#{d.descripcion}"/>
                    </p:column>
                    <p:column headerText="Factura">
                        <h:outputText value="#{d.facturaProveedor.numero}"/>
                    </p:column>
                    <p:column headerText="Monto">
                        <h:outputText value="#{d.monto}"/>
                    </p:column>
                </p:dataTable>

                <table width="100%">
                    <tr>
                        <td width="80%" align="right" style="border: none;">
                            <h:outputText value="TOTAL" style="color:#0174DF; font-size: 18pt; font-family: sans-serif;font-weight: bolder"/>
                        </td>
                        <td width="20%" align="right" style="border: none;padding: 0;margin: 0">
                            <h:outputText value="#{ordenPagoBean.obtenerTotalOrdenPago()}" style="color:#0174DF; font-size: 18pt; font-family: sans-serif; font-weight: bolder">
                                <f:convertNumber locale="es,py"/>
                            </h:outputText>
                        </td>
                    </tr>
                </table> 
                <br></br>



                <gp:botonCrear action="#{ordenPagoBean.create}"/>
                <p:spacer width="10"/>
                <gp:botonAtras action="listado.xhtml"/>

            </h:form>

        </h:panelGroup>
    </ui:define>

</ui:composition>
